【VSCode】PHPでのコード作成とデバッグ手順(JS対応) |
您所在的位置：网站首页 › php debug方法 › 【VSCode】PHPでのコード作成とデバッグ手順(JS対応) |
|
TOPページ ▶ 開発環境/ツール ▶ IDE/エディター ▶ VisualStudioCode JavaScriptPHP 【VSCode】PHPでのコード作成とデバッグ手順(JS対応)更新日：2023/02/06 Visual Studio Code(VSCode)でPHPを使ってプログラム開発を行うの必要な準備からコード作成、デバッグまでの流れをまとめてみます。 ここではブラウザ上で動作するJavaScriptもデバッグできるように設定します。 VSCodeのインストール方法については、次のページを読んでみてください。■【VSCode】Visual Studio Codeをインストールしてみる このページの目次1PHP環境の準備PHP本体をインストールXdebugのインストールWebサーバーを用意PHP DebugのインストールPHP Intelephenseのインストール2プロジェクトの開始：フォルダを開く3ターミナルでPHPを実行4コードの作成5構文のチェック6デバッグの準備launch.jsonの作成PHP DebugをWebサーバーとして使う場合XAMPP等をWebサーバーとして使う場合7デバッグの方法PHP環境の準備 VSCodeを使ってPHPプログラミングを行う場合、次のような環境を構築することになります。 PHPを実行するのはWebサーバーです。そしてＰＨＰの拡張機能のXDebugが、VSCodeのPHPデバッガ―とポート経由で通信をします。 つまり、次の機能を用意します。 PHPを処理（実行）できるWebサーバーPHP本体XDebugVSCode拡張機能のPHPデバッガ―さらに、XDebugとPHPデバッガ―間でポート通信できるように設定をおこないます。 PHP本体をインストールまずはPHP本体をインストールします。ただし、XAMPPなどのWebサーバーが既にインストールされている場合は、サーバー内のＰＨＰを使用できます。 インストールする場合は、Windowsなら次のページからZipをダウンロードして適当なフォルダを作って展開します。 ■https://windows.php.net/download/ 全部で４種類あります。OSが64bitなら、x64 Thread Safe版を選びましょう。 コマンドプロンプト等でPHPを実行する予定があるなら、環境変数PATHにインストールしたフォルダを含めます。 方法はこちら。■Windows10で環境変数を追加・変更する方法Windows11は知らない・・・ 他のＯＳは、ネットで調べてみてね！ XdebugのインストールXdebugをインストールします。 インストール方法は、こちら↓https://xdebug.org/docs/install Windowsの場合は次のページからダウンロードします。 ■https://xdebug.org/download/historical ＰＨＰ本体のバージョンと一致するもので、alpha版ではない最新バイナリをダウンロードします。TSはThread Safeの略です。 ダウンロード先はどこでもいいのですが、PHP本体フォルダ内に ext という名前の拡張モジュール用フォルダがあるので、そこに入れるのが一般的です。次に、PHP本体フォルダ内の php.ini を開いて、Xdebugの設定を記述するのですが…Xdebugのバージョン3と2では、内容が異なります。 Xdebugのバージョン3系 [XDebug] xdebug.mode = debug xdebug.start_with_request = yes xdebug.client_port = 9003 zend_extension = c:\php8.1\ext\php_xdebug-3.1.5-8.1-vs16-x86_64.dllPHPのバージョン7.1以前は2系です。 Xdebugのバージョン2系 [xdebug] xdebug.remote_enable = 1 xdebug.remote_autostart = 1 xdebug.remote_port = 9000 zend_extension = c:\php8.1\ext\php_xdebug-3.1.5-8.1-vs16-x86_64.dllポート番号はデフォルト値を記述しています。zend_extensionは、ダウンロードしたXdebugのフルパスを入力してください。 Webサーバーを用意XAMPPなどのWebサーバーが既にインストールされている場合は、そのサーバーを使用できます。 Webサーバーが無い場合は、次項のPHP DebugがWebサーバーの機能を持っているので用意しなくても大丈夫です。 なおPHP DebugのWebサーバーは、ドキュメントルートを動的に設定できます。XAMPPなどのWebサーバーは固定なので、プロジェクトの状況に合わせて使い分けるといいでしょう。 PHP Debugのインストール次にPHP Debugをインストールします。PHP Serverと同じように、VSCodeの拡張機能パネルからインストールしてください。 インストールしたら、次の項目を設定します。 項目内容値PHP › Debug: Executable PathPHP本体のパスsetting.jsonで編集c:\php\v8.1\php.exe等 PHP Intelephenseのインストールこれはやってもやらなくても、どちらでもいいです。デバッグには影響しません。 VSCodeは標準でPHPコードの補完機能がありますが、PHPの最新バージョンに対応していないなど少し不便な点があります。そこで標準機能を無効にして、拡張機能の「PHP Intelephense」をインストールします。 同じような拡張機能に「PHP IntelliSense」があります。どちらも同じような使い勝手ですが、「PHP Intelephense」はPHPのバージョン指定できるので古いバージョンで開発をする時などは便利です。いつも使っている関数が、古いバージョンでは存在しないことが良くありますからね。 インストールしたら、次の項目を設定します。 項目内容値PHP › Suggest: Basic組み込み補完機能を有効にするか無効にする（チェックを外す）PHP › Validate: Enable組み込み検証機能を有効にするか無効にする（チェックを外す）Intelephense › Environment: PHP VersionPHPのバージョン指定8.1.0等プロジェクトの開始：フォルダを開く VSCodeはフォルダー単位でプロジェクトを管理します。実際にはVSCodeではプロジェクトという言葉を使用しません。その代わりにワークスペースという言葉を使用します。 まずは、次の手順でファイルを保存するフォルダーを開きます。あらかじめ作成しておくといいですね。 メニュー：ファイル(F) の「フォルダーを開く」を選択フォルダーを選択フォルダーを開くと、次のようにVS Codeのエクスプローラーにフォルダー名が表示されます。 ターミナルでPHPを実行 VSCodeのターミナルでPHPコマンドを実行させたいときは、環境変数PATHにPHP本体のパスがセットされている必要があります。 パスがセットされていなかったり、プロジェクト単位でPHPのバージョンを変更したい時などは、ターミナル起動時のパスを変更します。 パスの設定については、次のページを読んでみてください。■【VSCode】ターミナル起動時のパス（PATH）を変更する方法 Windowsのコマンドプロンプトなら、次のように記述します。 設定例：settings.json "terminal.integrated.defaultProfile.windows": "Command Prompt", "terminal.integrated.profiles.windows": { "Command Prompt": { "path": [ "${env:windir}\\Sysnative\\cmd.exe", "${env:windir}\\System32\\cmd.exe" ], "env": { "PATH":"c:\\php\\v8.1;${env:path}" }, "args": [], "icon": "terminal-cmd" } },これで環境変数PATHにPHP本体へのパスが含まれます。 コードの作成 次の手順で、新しいファイルを作成します。 メニュー：ファイル(F) の「新しいテキストファイル」を選択表示された画面の1行目にある「言語の選択」をクリック表示された言語の選択画面から、目的のプログラミング言語を選ぶメニュー：ファイル(F) の「保存」を選択し、名前を付けて保存する最後の保存は、コード入力後でも問題ありません。ただ、左側のエクスプローラーに表示されないので、ファイル構成を把握しにくいです。最初に保存したほうが使いやすいと思います。 今回は、次の２つファイルを作成しました。 test.php ページタイトル |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |